{% load static %}
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        {% block title %}
            注册 - 学生实习与就业管理系统
        {% endblock %}
    </title>
    <link href="{% static 'css/css2.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
    <link rel="stylesheet" href="{% static 'css/bootstrap-icons.css' %}">
    <link rel="stylesheet" href="{% static 'css/app.css' %}">
    <link rel="stylesheet" href="{% static 'css/auth.css' %}">
    <link rel="stylesheet" href="{% static 'css/perfect-scrollbar.css' %}">

</head>
<body>
<div id="auth">
    <div class="row h-100">
        <div class="col-lg-5 col-12">
            <div id="auth-left">
                <div style="display: flex; flex-direction: column; align-items: center;">
                    <a href="{% url 'appointment:index' %}">
                        <img style="width: 50px; height: 50px" src="{% static 'picture/logo.png' %}" alt="Logo">
                    </a>
                    <h1 class="auth-title" style="margin-top: 10px;">
                        {% block user %}
                            登录
                        {% endblock %}
                    </h1>
                </div>
                <p class="auth-subtitle mb-5">学生实习与就业管理系统</p>
                {# 登录表单 #}
                {% block form %}

                {% endblock %}
                <div class="text-center mt-5 text-lg fs-4">
                    <p class='text-gray-600'>登陆类型
                    <a href="{% url 'student:login' %}" class="badge bg-primary">学生</a>
                    <a href="{% url 'supervisor:login' %}" class="badge bg-secondary">管理员</a>
                    <a href="{% url 'organization:login' %}" class="badge bg-success">企业</a>
                    </p>
                    <br>
                    {# 没有账户的时候提示注册 #}
                    {% block jump %}

                    {% endblock %}

                </div>
            </div>
        </div>

        <div class="col-lg-7 d-none d-lg-block">
            <div id="auth-right" >
                <!--
                <img src="{% static 'picture/bg1.jpg' %}" alt="图片描述">
                -->
            </div>
        </div>

    </div>
</div>

<script src="{% static 'js/perfect-scrollbar.min.js' %}"></script>
<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
<script src="{% static 'jquery/dist/jquery.min.js' %}"></script>
<script src="{% static 'formvalidation/js/formValidation.js' %}"></script>
<script src="{% static 'formvalidation/js/framework/bootstrap.js' %}"></script>
<script src="{% static 'formvalidation/js/language/zh_CN.js' %}"></script>

{# 登录时验证表单 #}
{% block verify %}


{% endblock %}

</body>
</html>
